@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

body {
	margin-top: 3em;
	line-height: 2em;
	font-family: "Droid Sans";
	color: #333;
	text-align: center;
	background: #e3e3e1 url('chrome-extension://__MSG_@@extension_id__/images/config_background.png');
}

h2 {
	font-size: 28px;
	text-align: center;
}

h4 {
	margin: 0; 
}

p {
	margin: 1em; 
}

#container {
	display: block;
	margin: 0 auto;
	width: 410px;
	text-align: left;
}

#header {
	padding-bottom: 1em;
}

#header h2 {
	padding-top: .1em;
}

#header img, #authContainer div.left {
	float: left;
}

#authContainer {
	border: 1px solid #aaa;
	border-radius: 3px;	
	width: 405px;
}

#authContainer input {
	width: 162px;
}

#authContainer div {
	padding: 0 1em;
}

.description {
	font-size: 13px;
	line-height: 1.5em;
	margin-top: .5em;
	text-align: justify;
}
	
.blank-space {
	display: inline-block;
	margin-right: 2em;
}

.button {
	display: inline-block;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(40%,#f4f4f4), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
	border: 1px solid #aaa;
	padding: 5px 14px;
	color: #444;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: 0 1px 3px #ddd;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
	
.button-disabled {
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(40%,#f4f4f4), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
	border-color: #aaa;
	color: #999;
	box-shadow: none;
}
	
.button:not(.button-disabled):hover {
	background: #fefefe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(40%,#f8f8f8), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
	background: linear-gradient(to bottom, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	border: 1px solid #aaa;
}
	
.button:not(.button-disabled):active {
	background: #f4f4f4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#efefef), color-stop(100%,#dcdcdc));
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
	
.input-text {
	padding: 7px;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.1);
}
	
.input-text:focus {
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
	
.message {
	display: inline-block;
	margin-left: 2em;
	color: #F03;
	font-size: 13px;
}